@charset "utf-8";
body {
    overflow: scroll;
    overflow-x: hidden;
  }
.box {
    // width: 100%;
    // height: 100%;
    min-width: 320px;

  .box img{
      width: 100%;
  }

// header{
//     width: 100%;
// }
// .navbar{
//     border-radius: 0;
//     margin-bottom: 0;
// }
.headlogo{
    display: flex;
    align-items: center;
    padding-top: 7px;
    // padding-bottom: 10px;
    padding-right: 7px;
}
// .navbar-default {
//     background-color: #222222;
//     border-color: transparent;
//     padding-bottom: 20px;
//   }
section{
    width: 100%;
    .bg{
        width: 100%;
        background: rgb(42, 128, 217);
    }
    .bg img{
        width: 100%;
    }
        .engine{
        width: 100%;
        background: whitesmoke;
        padding-bottom: 30px;
        padding-top: 30px;
        border-bottom: 1px solid black;
        background: rgb(251, 250, 247);
        .row{
            .item{
                display: flex;
                .left{
                    width: 64px;
                    height: 64px;
                    background-color: #0078d7;
                    border-radius: 5px;
                    text-align: center;
                    margin-right: 20px;
                    margin-bottom: 40px;
                }
                .right{
                    width: 210px;
                    height: 76px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    h3{
                        font-size: 19px;
                        color: #333333;
                    }
                    p{
                        font-size: 14px;
                        color: #666666;
                    }
                }
            }
        }
    .eng_title{
       
        font-size: 36px;
        color: rgb(42, 128, 217);
        font-weight: bold;
        padding-left: 20px;
    }
    .eng_content{
        // width: 150px;
        // width: 100%;
        margin: 0;
        font-size: 30px;
        color: rgb(122, 122, 122);
        padding-left: 20px;
    }
    .pic{
        width: 80px;
        height:80px;
    }
    .engine .container .row:nth-of-type(3){
        display: flex;
        flex-direction: row;
    }
    .message {
        margin-top: 20px;
        padding: 0;
        
        // background-image: url(../images/手机背景右.png);
    }
    .message_title{
        width: 150px;
        font-size: 16px;
        font-weight: bold;
    }
    .message_content{
        width: 150px;
        font-size: 14px;
       
    }
    .message .bottom{
        width: 420px;
        margin-bottom: 30px;
       
    }
    .right{
        padding: 0;
        // padding: 30px;
        width: 150px;
        height: 200px;
    }
    .right img{
        width: 200px;
        height: 200px;

    }
}
        .advantage {
        background: #fff;
        padding-top: 100px;
        padding-bottom: 110px;
     
        .vg_tiltle{
        font-size: 28px;
        color: rgb(143, 195, 31);
        font-weight: bold;
      }
        .RCtop{
          margin-top: 10px;
      }
         .RCright{
            padding-bottom: 30px;
        }
        .RCright li{
            margin-top: 20px;
            padding-bottom: 20px;
        }
        .rcimg{
            width: 50px;
            height: 50px;
            // border-radius: 50%;
            float: left;
            margin: 0 10px;
        }
        .rcimg img{
            width: 50px;
            height: 50px;
        }
        .rightCon{
                font-size: 16px;
                line-height: 20px;
                padding-top: 15px;
                
        }

        }
        .family{
          
        background: #0079d7;
        padding-top: 40px;
        padding-bottom: 60px;
       margin: 0 auto;
      
            .family_tilte{
                color: white;
                font-size: 40px;
                text-align: center;
            }
            .f_bottom{
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-around;
                height: 150px;
                margin-top: 20px;
                margin-bottom: 50px;
            }
            // .content{
            //     display: flex;
            //     align-items: center;
            //     justify-content: center;
            // }
            .f_logo{
                width: 75px;
                height: 75px;
                // margin-left: 35px;
                margin-right: 30px;
                padding-bottom: 30px;
                // margin: 0;
                display: flex;
                align-items: center;
                float: left;
                justify-content: space-between;
                padding-top: 20px;
            } 
            .f_logo img{
                width: 75px;
                height: 75px;
                
            }
            .f_tilte{
                font-size: 16px;
                color: white;
            } 
            .f_content{
                width: 200px;
                font-size: 14px;
                color: white;
            }               
        }
        .game{
            padding-top: 80px;
            width: 100%;
            // margin-left: 30px;
            .game_title{
                font-size: 30px;
                padding-bottom: 50px;
            }
            // .game_left{
            //     // padding-right: 20px;
            // }
         .more{
            font-size: 16px;
            color: black;
            padding-top: 8px;
            display: inline-block;
            &:hover {
                color: red;
                text-decoration: none;
            }
        }
            .media{
                width: 100%;
                // position: relative;
                overflow: hidden;
                text-align: center;
                margin-bottom: 10px;
                border-radius: 5px;
                width: 100%;
                margin: 0x;
            }
            .row .game_box{
                width: 100%;
                text-align: center;
                // display: flex;
                // align-items: center;
                // justify-content: space-between;
        
            // .game_icon img{
            //     // width: 100%;
            //     // margin-top: 20px;
            //  }
                .game_con{
                font-size: 16px;
                }
           
        }
        
        }
        .cooperation{
            background: whitesmoke;
            padding-top: 40px;
            padding-bottom: 40px;
                .cooperation_title{
                    font-size: 30px;
                    color: black;
                    #notes{
                        font-size: 12px;
                        color: gray;
                    }
                }
        
        .cd_box{
            text-align: center;
            padding-top: 20px;
            // padding-bottom: 20px;
            
            margin-right: 0;
            // padding-right: 15px;
            img{
                margin-top: 10px;
                margin-bottom: 20px;
            }

        }
   
        
        }




    }

// footer{
//     width: 100%;
//     padding-top: 5px;
//     background: rgb(59, 59, 59);
//     .left{
//         padding-bottom: 30px;
//     }
//     .footer_icon{
//         font-size: 14px;
//         color: rgb(76, 76, 78);
//         margin: 0;
//     }
//     .footer_title{
//         font-size: 14px;
//         color: rgb(76, 76, 78);
//         margin: 0;
//     }
//     .right{
//         position: relative;
//         display: flex;
       
//         a{
//             padding-left: 20px;
//         }
//     }
// }
}
